
<%--
    Document   : q400input
    Created on : Jul 10, 2012, 2:53:00 PM
    Author     : ems
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
    </head>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function(){


            validateform("form-input-customer");
        });

    </script>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
        $j(document).ready(function(){


        });
    </script>
    <style type="text/css">
        .rich-inplace-view{
            background:none;
            border-bottom: none ;
        }
        .fields_input{
            float:left;
            width:200px;
            margin-top:5px;
}
        .fields_input label{
           font-weight: bold;
           width:100%;
           float:left;
}
        .fields_input input{
           padding:2px;
           width:160px;
           float:left;
}
.searchbox{
    float:left;
    width:600px;
    height:80px;
    margin-left: 100px;
}

    </style>
    <f:view>
        <a4j:form id="form-input-customer" >
            <body style=" float:left; width:auto; height:auto; margin:0px;">
                <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>

                <div class="popup" style="height:460px; width:770px; ">
                    <div class="popup-header">
                        <div class="title"><h:outputText value="#{locale.select_passenger}"/></div>
                    </div>
                    <div class="popup-content">
                        <div class="main_content">
                <!--            <div class="searchbox" style="margin-top:10px; margin-bottom: 20px;">

                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.frist_lastname}"/></label>
                                        <h:inputText value="abc" styleClass="required" id="cusname5" />

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.email}"/></label>
                                        <h:inputText value="abc" styleClass="required" id="cusname4" />

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.company}"/></label>
                                        <select name="" style="width:160px;height:22px;">
                                        <option>cty abc...</option>
                                     </select>

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.telephone}"/></label>
                                        <h:inputText value="abc" styleClass="required" id="cusname3" />

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.person_info}"/></label>
                                        <h:inputText value="abc" styleClass="required" id="cusname2" />

                                    </div>

                                         <div class="fields_input">
                                         <input class="project_report" style="margin-top:15px;margin-right:40px;float:right;width:100px" name="" type="button" value="SEARCH" />
                                         </div>
                            </div> -->
                           
                            <div class="list_customer" style="width:770px; height:250px; overflow-x:auto; margin-bottom: 50px;">
                                                                        <rich:dataTable value="#{k400Controller.list}" var="cus"
                                                                                                    rows="50"
                                                                                                    onRowMouseOver="this.style.backgroundColor='#DEE1E2'"
                                                                                                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"


                                                                                                    width="350px" columnClasses=",columns,columns,columns" rowKeyVar="row"
                                                                                                    id="table" styleClass="machinePosDataTable">
                                                                                        <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.num1}"></h:outputText>
                                                                                            </f:facet>
                                                                                            <h:outputText value="#{row+1}"></h:outputText>
                                                                                        </rich:column>

                                                                                        <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.frist_lastname}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="#{cus.hoten}"
                                                                                                                 editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                        <rich:column styleClass="test">
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.sex}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="#{cus.nv107}"
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                        <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.title}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="#{cus.nv108}"
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                        <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.identification}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="#{cus.nv967}"
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                            <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.passport}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value=""
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                           <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.email}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="#{cus.nv962}"
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                          <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.telephone}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value=""
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                           <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.work}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="#{cus.kv103}"
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                             <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.dateBorn}" />
                                                                                            </f:facet>
                                                                                                
                                                                                        </rich:column>
                                                                                       <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.job}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="#{cus.nv110}"
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                      <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.address}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="213 CMT8 PHường 6 Quận Tân Bình TP HCM"
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                      <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.notice1}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="#{locale.paid}"
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                       </rich:column>
                                                                                       <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.come_from}" />
                                                                                            </f:facet>
                                                                                            <rich:inplaceInput layout="block" value="Hà Nội"
                                                                                                   editEvent="none">
                                                                                            </rich:inplaceInput>
                                                                                        </rich:column>
                                                                                       <rich:column>
                                                                                            <f:facet name="header">
                                                                                                <h:outputText value="#{locale.select}" />
                                                                                            </f:facet>
                                                                                          <h:selectBooleanCheckbox value="#{cus.selected}" />
                                                                                       </rich:column>
                                                                                    </rich:dataTable>
                            </div> 
                           
                        </div>

                        </div>

                        <div class="popup-footer">

                            <div class="buttonsave" onclick="parent.jQuery.fancybox.close(); "  ><span><h:outputText value="#{locale.close}"/></span></div>
                        <h:commandButton    action="#{k400Controller.saveSelected}" value="#{locale.save}" styleClass="buttonsave">

                        </h:commandButton>

                            
                    </div>

                </div>
            </body>
        </a4j:form>
    </f:view>
</html>
<script type="text/javascript">
    $j(document).ready(function(){
        yhight = ($j('.popup').height()-90)+"px" ;
        $j('.main_content').css('height',yhight );
        $j('.popup-content').css('height',yhight );
    });
</script>

